*{
    margin: 0;
    padding: 0;
}
// 字体声明
@font-face {
    font-family: 'iconfont';
    src: url('../font_7qj01r5dgsh/iconfont.ttf') format('truetype');
  }
.container {
    max-width: 1200px;
}
body {
    background-color: #01304b;
    color: #fff;
}
// 头部
.header {
    text-align: center;
    color: #fff;
    font-size: 20px;
    border: 2px solid #01d2e0;
    padding: 10px 0;
    margin-bottom: 20px;

    
}

// 主体
.main {
    height: 90vh;
    // background-color: pink;
    // 右
    .main_right,.main_center,.main_left {
        display: flex;
        flex-direction: column;
        height: 90vh;
        padding-right: 5px;
        padding-left: 5px;
        &>div {
            margin-bottom: 5px;
            border: 2px solid rgba(176,224,230,.5); 
        }
        // 地区点播人数
        #Regpop {
            // background-color: pink;
            flex: 1;
            #Regpop_con {
                width: 95%;
                height: 90%;
            }
        }
        // 访问排行
        .visit {
            // background-color: skyblue;
            flex:1;
            #visit_con {
                width: 100%;
                height: 90%;
            }
        }
        // 栏目点播时长
        .duration {
            // background-color: lightgreen;
            flex:1;
            display: flex;
            #duration_l {
                flex: 1;
                // background-color: pink;
                margin-right: 5px;
                span {
                    border-right: 2px solid rgba(176,224,230,.5);
                }
                #duration_l_con {
                    width: 90%;
                    height: 87%;
                }
            }
            #duration_r {
                flex: 1;
                // background-color: skyblue;
                span {
                    border-left: 2px solid rgba(176,224,230,.5);
                }
                #duration_r_con {
                    width: 95%;
                    height: 87%;
                }
            }
        }
    }
    // 中
    .main_center {
        .total {
            flex: 30%;
            // background-color: pink;
            border: 0;
            display: flex;
            .toltal_l {
                flex: 1;
            }
            .toltal_r {
                flex: 1;
            }
            .tolbox {
                width: 95%;
                height: 30%;
                margin: 0 auto;
                padding-top: 10px;
                border-radius: 10px;
                text-align: center;
                border: 2px solid rgba(176,224,230,.5);
            }
        }
        // 点播内容排行
        #conRan {
            flex: 70%;
            border: 0;
            font-size: 12px;
            // background-color: skyblue;
            #conRan_con {
                width: 90%;
                height: 90%;
            }
            strong {
                color: #cdf7ff;
                font-size: 30px;
            }
        }
        // // cp内容占比
        // .cp {
        //     flex:1;
        //     border: 2px solid #01d2e0; 
        //     box-shadow: 0 0 5px 5px rgba(0, 183, 255,.5) inset;
        // }
    }
    // 左
    .main_left {
        // cp点播概况
        .survey {
            flex: 1;
            // background-color: pink;
            #survey_con {
                width: 100%;
                height: 90%;
            }
        }
        // 清晰度占比
        .definition {
            flex: 1;
            // background-color: lightcoral;
            #definition_con {
                width: 100%;
                height: 90%;
            }
        }
        // 栏目点播人数TOP前10
        .top5 {
            flex:1;
            // background-color: skyblue;
            #top5_con {
                width: 100%;
                height: 90%;
            }
        }
    }

    span {
        display: inline-block;
        width: 100%;
        padding: 5px;
        color: #eee;
        // border: 2px solid rgba(176,224,230,.5); 
        border-bottom: 2px solid rgba(176,224,230,.5);
        i {
            font-style: normal;
            color: #3f92a3;
            font-family: "iconfont" !important;
        }
    }
    
}